<template lang="jade">
  el-carousel.carousel( :interval="2000", height="199px" )
    el-carousel-item.bg-kzj
      img.kzj( :src="imgBanner.kzj" )
    el-carousel-item.bg-xgla
      img.xgla( :src="imgBanner.xgla" )
    el-carousel-item.bg-ttc
      img.ttc( :src="imgBanner.ttc" )
</template>

<script>
import URLS from '@/config/urls';
export default {
  name: 'carousel',
  data() {
    return {
      value: 0,
      imgBanner: {
        kzj: URLS.BaseURL + '/static/images/listbanner/kouzi_1010.jpg',
        xgla: URLS.BaseURL + '/static/images/listbanner/xianggelila_1020.jpg',
        ttc: URLS.BaseURL + '/static/images/listbanner/tutechan_1030.jpg',
      }
    };
  }
};
</script>

<style lang="stylus" scoped>
  .carousel
    .kzj
    .xgla
    .ttc
      background-color: #fff
      width inherit
      height: 199px;
    .xgla
      background-color: #0E113A
    .bg-kzj
      background-color: #a80a0b
    .bg-xgla
      background-color: #000
    .bg-ttc
      background-color: #fafbfd
</style>
